<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
    <title>信息填写</title>

    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">

    <link href="__PUBLIC__/css/personal.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/css/stepstyle.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="__PUBLIC__/js/jquery-1.7.2.min.js"></script>
    <script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/amazeui.js"></script>

    <script src="__PUBLIC__/js/global.js"></script>
    <script src="__PUBLIC__/layer/layer.js"></script>
    <style>
        body {
            background-color: #fff;
        }

        .addressmone {
            width: 100%;
            overflow: hidden;
            background: #fff
        }

        .addressmone ul {
            width: 100%;
            overflow: hidden;
            margin: auto;
            background-color: #eee;
        }

        .addressmone ul li {
            width: 100%;
            overflow: hidden;
            background-color: #fff;
            padding: 0 10px;
            margin-bottom: 1px;
        }

        .addressmone ul li span {
            display: block;
            float: left;
            width: 25%;
            font-size: 16px;
            line-height: 45px;
            color: #666;
        }

        .addressmone ul li input {
            display: block;
            float: left;
            width: 70%;
            background: none;
            border: 0px;
            font-size: 16px;
            color: #333;
            line-height: 45px;
        }
        .addressmone ul li textarea {
            display: block;
            float: left;
            width: 100%;
            background: none;
            border: 0px;
            font-size: 16px;
            color: #333;
            padding: 10px 0px;

        }

        .addressmone ul li select {
            display: block;
            float: left;
            background: none;
            height: 45px;
            border: 0px;
            font-size: 16px;
            color: #333;
            line-height: 45px;
            padding-right: 10px;
            -webkit-appearance: none;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            border-radius: 0;
            -webkit-rtl-ordering: logical;
            -webkit-user-select: text;
        }
        .title {
            font-size: 20px;
            font-weight: bold;
            padding-top: 10px;
        }
        .desc {
            font-size: 16px;
            padding: 10px;
            font-weight: 500;
            line-height: 28px;
        }
    </style>
</head>
<body>

<div class="center">
    <div class="col-main">

        <div class="main-wrap">
            <form  id="takeGoods">
            <div class="addressmone">
                <ul>
                    <!--<li>-->
                    <!--<span>用户名</span>-->
                    <!--<input type="text" name="consignee" disabled value="186XXXX0531">-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<span>真实姓名</span>-->
                    <!--<input type="text" name="mobile" value="">-->
                    <!--</li>-->
                    <!--<li>-->
                    <!--<span>电话号码</span>-->
                    <!--<input type="phone" name="mobile" value="">-->
                    <!--</li>-->
                    <li>
                        <span>当前位置</span>
                        <span style="width: 70%;"><img src="__PUBLIC__/new_images/map_big.png"  width="24" alt="" style="padding-top: 10px;float: left;">{$json.location}</span>
                    </li>
                </ul>
            </div>
            <div width="100%" style="background-color: #ffad01;color: #fff;">
            <div width="100%" align="center" class="title">
                活动规则
            </div>
            <div width="100%" class="desc">
                <p>
                1.活动内容：在活动位置内，关注集品的会员都可以在厦门鼓浪屿领取精美特产礼品一份。<br>
                2.领取流程：关注集品公众号-在首页点击新用户礼品页面-选择在鼓浪屿不在鼓浪屿-获取位置-提交领取。<br>
                3.点击我在鼓浪屿则可以当场免费领取，点击不在鼓浪屿则会跳转商品页面需付款购买。<br>
                4.对于查实资料信息位置不真实的用户行为，将取消活动领取资格。<br>
                5.只限在厦门鼓浪屿的用户领取-每位用户限领取一份。<br>
                本活动最终解释权归集品商城所有。
                </p>
            </div>
            </div>
            <!--<div width="100%" align="center" style="padding: 40px 0;">-->
                <!--<img src="__PUBLIC__/new_images/free_take.png" width="60%">-->
            <!--</div>-->
            <!--进度条-->
            <!--<div class="m-progress">-->
                <!--<div class="m-progress-list">-->
							<!--<span class="step-1 step">-->
                                <!--<em class="u-progress-stage-bg"></em>-->
                                <!--<i class="u-stage-icon-inner">1<em class="bg"></em></i>-->
                                <!--<p class="stage-name">信息填写</p>-->
                            <!--</span>-->
                    <!--<span class="step-2 step">-->
                                <!--<em class="u-progress-stage-bg"></em>-->
                                <!--<i class="u-stage-icon-inner">2<em class="bg"></em></i>-->
                                <!--<p class="stage-name">完成</p>-->
                            <!--</span>-->
                    <!--<span class="u-progress-placeholder"></span>-->
                <!--</div>-->
                <!--<div class="u-progress-bar total-steps-2">-->
                    <!--<div class="u-progress-bar-inner"></div>-->
                <!--</div>-->
            <!--</div>-->

            <div class="am-u-sm-12" align="center" style="margin-top: 30px;">
                <button class="am-btn am-btn-warning am-round" onclick="takeGoods()" type="button" style="background-color: #FFAD01;width: 50%;color: #fff;font-size: 18px;">提交</button>
            </div>
            <!--<form class="am-form am-form-horizontal" id="takeGoods">-->

                <input type="hidden" name="goods_id" value="{$id}">
                <!--<div class="am-form-group bind">-->
                    <!--<label for="user-info" class="am-form-label">账户名</label>-->
                    <!--<div class="am-form-content">-->
                        <!--<span id="user-info">186XXXX0531</span>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="am-form-group">-->
                    <!--<label for="user-name" class="am-form-label">真实姓名</label>-->
                    <!--<div class="am-form-content">-->
                        <!--<input type="text" name="real_name" id="user-name" placeholder="请输入您的真实姓名">-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="am-form-group">-->
                    <!--<label for="user-IDcard" class="am-form-label">电话号码</label>-->
                    <!--<div class="am-form-content">-->
                        <!--<input type="tel" id="user-IDcard" name="mobile" placeholder="请输入您的电话号码">-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="am-form-group">-->
                    <!--<label for="user-IDcard" class="am-form-label">当前位置</label>-->
                    <!--<div class="am-form-content">-->
                        <!--<img src="__PUBLIC__/new_images/map_big.png"  width="24" alt=""><span >{$json.province}省{$json.city}市{$json.district}</span>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="info-btn">-->
                    <!--<a href="#"><div class="am-btn am-btn-danger" onclick="takeGoods()">确认领取</div></a>-->
                <!--</div>-->

            <!--</form>-->
            </form>
        </div>

        <!--底部-->

    </div>


</div>

</body>


<script type="text/javascript">

    function takeGoods(){
        var formData = new FormData(document.getElementById('takeGoods'));
        $.ajax({
            type:"post",
            url:"__URL__/ajaxTakeGoods",
            data : formData,
            processData: false,
            contentType: false,
            error:function (data) {
                console.info(data);
                layer.msg('服务器繁忙');

            },
            success:function (data) {
                console.info(data);
                layer.msg(data.msg,{type:1},function(){
                    if(data.status>0){
                        window.location.href='__APP__/Home/Me';
                    }
                });
            }


        });


    }

    function modalInfo(info){
        layer.msg(info);
//        layer.open({
//            content: info
//            ,skin: 'msg'
//            ,time: 1000 //2秒后自动关闭
//        });

    }


</script>

</html>